
      <template>
      <div ref="formPreview" id="formPreview">
        <Form ref="form" :model="formField" style="text-align:left"
        label-position="top" size="default">
        <div style="display:flex;margin-top:10px">
            <div style="width:100%;margin:0 5px"><div style="display: block"><div>
                <FormItem label="姓名">
                    <Input v-model="formField.name" style="width:100%"
                    type="text"
                    size="default" placeholder="请输入姓名"
                    :clearable="false" :readonly="false"
                    :maxlength="30" :rows="3"
                    :autosize="false" show-word-limit/>
                </FormItem>
          </div></div><div style="display: block"><div>
                <FormItem label="个人简介">
                    <Input v-model="formField.info" style="width:100%"
                    type="textarea"
                    size="default" placeholder="请填写个人简介"
                    :clearable="false" :readonly="false"
                    :maxlength="500" :rows="3"
                    :autosize="false" show-word-limit/>
                </FormItem>
          </div></div></div>

            <div style="width:100%;margin:0 5px"><div style="display: block"><div>
                    <FormItem  label="性别">
                    <Select v-model="formField.sex"
                    size="default"  :disabled="false"
                    :multiple="false" :clearable="false"
                    placeholder="请选择性别" :filterable="false"
                    :allow-create="false">
                        <Option value="1">男</Option><Option value="2">女</Option>
                    </Select>
                    </FormItem>
                </div></div><div style="display: block"><div>
                    <FormItem  label="生日">
                    <DatePicker style="width:100%" v-model="formField.bro"
                    type="date" format="yyyy年MM月dd日"
                    placeholder="请选择生日" size="default"
                    :clearable="false" :readonly="false"
                    :editable="true"/>
                    </FormItem>
                </div></div><div style="display: block"><div>
                    <FormItem  label="账号启用">
                    <SwitchIview v-model="formField.open"
                    size="default" :disabled="false"
                    true-value="true" false-value="false"
                    true-color="" false-color=""/>
                    </FormItem>
                </div></div></div>
          </div><div style="display:flex;margin-top:10px">
            <div style="width:100%;margin:0 5px"><div style="display: block"><div>
                    <Button size="default" type="primary"
                    :ghost="false" :long="true"
                    :disabled="false">注册</Button>
                </div></div></div>
          </div>
        </Form>
      </div>
      </template>
<script>

export default {
  name: 'Preview',
  data () {
    return {
      formField: {name: '', info: '', sex: '1', bro: '', open: 'false'}
    }
  },
  props: {},
  watch: {},
  components: {},
  methods: {},
  mounted () {},
  created () {}
}
</script>
<style scoped>
</style>
